import { NavBar, Tabs, Empty } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { useState } from 'react'

function Index() {
  const nav=useNavigate()
  const [active, setActive] = useState<'all'|'waiting'|'done'|'closed'>('all')

  return (
    <div style={{background:'#fff',minHeight:'100vh'}}>
      <NavBar onBack={()=>nav(-1)}>门诊预约</NavBar>
      <Tabs activeKey={active} onChange={(k)=>setActive(k as any)}>
        <Tabs.Tab title='全部' key='all' />
        <Tabs.Tab title='待就诊' key='waiting' />
        <Tabs.Tab title='已完成' key='done' />
        <Tabs.Tab title='已关闭' key='closed' />
      </Tabs>
      <div style={{paddingTop:'18vh'}}>
        <Empty description='暂无订单' />
      </div>
    </div>
  )
}

export default Index
